<template>
    <div>
    <ScoringHead></ScoringHead>
    <router-view class="main-content">
      <!-- <Main></Main> -->
    </router-view>
    <ScorBottom></ScorBottom>
</div>
  </template>
  
  <script>
  import NavBar from "./comps/NavBar.vue";
  import Main from "./comps/Main.vue";
  import ScorBottom from "./comps/ScorBottom.vue";
  import ScoringHead from "./comps/ScoringHead.vue";
  export default {
    name: "ScoringPage",
    components: {
      NavBar,
      Main,
      ScorBottom,
      ScoringHead
    },
    mounted() {  
      this.$router.push('/Scoring/Main/'+this.$route.params.titlename+"/"+this.$route.params.id);
  }  
  };
  </script>
  
  <style scoped>
    .main-content {
      margin-top: 40px;
    }
  </style>